/** Add css rules here for your application. */

/** Example rules used by the template application (remove for your app) */

html, body {
    height: 100%;
}

/** Most GWT widgets already have a style name defined */

.gwt-SuggestBoxPopup {
    width: 380px;
    padding-left: 0px;
    padding-right: 0px;
    background: #FFb200;
    color: white;
    border-bottom: solid 1px #466c3a;
    border-top: solid 1px #466c3a;
    border-left: solid 1px #466c3a;
    border-right: solid 1px #466c3a;

}

.gwt-SuggestBoxPopup .item {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    padding: 2px 0px 2px 0px;
    background-color: #FFb200;
    color: #466c3a;
}

.gwt-SuggestBoxPopup .item-selected {
    /**background-color:#FFb200;
    */
    font-size: 28px;

}

.gwt-SuggestBoxPopup .suggestPopupTopLeft {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupTopCenter {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupTopCenterInner {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupTopRight {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleLeftInner {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleCenter {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleCenterInner {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleRightInner {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupBottomCenterInner {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRight {
    border: none;
    background: none;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
    border: none;
    background: none;
}

.gwt-ListBox option {
    background: #638e52;
    color: white;
    font-style: normal;

}

.dialogVPanel {
    margin: 5px;

}


.menu {
    background: url("menu2.png") repeat-x;
}

.logobackground {
    background: url("logobackground.png") repeat-x;
}

.imageFront {
    vertical-align: bottom;
}

.searchPopup {
    border-left: solid blue 2px
}


.subpage {
    height: 100%;
    -moz-box-shadow: 4px 4px 5px #D2D8D5;
    -webkit-box-shadow: 4px 4px 5px #D2D8D5;
    box-shadow: 4px 4px 5px #D2D8D5;
}

.shadow {
    -moz-box-shadow: 4px 4px 5px #D2D8D5;
    -webkit-box-shadow: 4px 4px 5px #D2D8D5;
    box-shadow: 4px 4px 5px #D2D8D5;
}

.shadowreset {
    -moz-box-shadow: 0px 0px 0px;
}

.overlay {
    overflow: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
}

.gwt-Button {
    white-space: nowrap;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ededed');
}

.gwt-Button:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top, #fff, #dcdcdc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dcdcdc');
}

.gwt-Button:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top, #ededed, #fff);
}

.colorbutton, .colorbutton:link {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    background: -moz-linear-gradient(center top, #29ABE2, #29ABE2) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#29ABE2), to(#29ABE2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#29ABE2', endColorstr = '#29ABE2');

    color: #151515;
    display: inline-block;
    font-size: 22px;
    padding: 10px;

    border: 1px solid black;

}

.colorbutton:hover, .colorbutton:visited {
    background: none repeat scroll 0 0 #29ABE2;
    color: white;
    cursor: pointer;
}

.colorbuttonhelp, .colorbuttonhelp:link {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    background: -moz-linear-gradient(center top, #29ABE2, #29ABE2) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#29ABE2), to(#29ABE2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#29ABE2', endColorstr = '#29ABE2');

    color: #151515;
    display: inline-block;
    font-size: 22px;
    padding: 10px;

    border: 1px solid black;

}

.colorbuttonhelp:hover, .colorbuttonhelp:visited {
    background: none repeat scroll 0 0 #29ABE2;
    color: white;
    cursor: pointer;
}






.colorbutton2, .colorbutton2:link {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    background: -moz-linear-gradient(center top, #29ABE2, #29ABE2) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#29ABE2), to(#29ABE2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#29ABE2', endColorstr = '#29ABE2');

    color: white;
    display: inline-block;
    font-size: 22px;
    padding: 15px;
    font-weight: bold;
    text-decoration: underline;

    border: 2px solid black;

}

.colorbutton2:hover, .colorbutton2:visited {
    background: none repeat scroll 0 0 #29ABE2;
    color: white;
    cursor: pointer;
}




.floatleft {
    float: left;
}
